<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ include file="../../base.jsp" %>
<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>数据 - AdminLTE2定制版</title>
    <meta name="description" content="AdminLTE2定制版">
    <meta name="keywords" content="AdminLTE2定制版">
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- 页面meta /-->
    <script src="${ctx}/plugins/jQuery/jquery-2.2.3.min.js"></script>
</head>
<script>
    function deleteById() {
        var id = getCheckId()
        if(id) {
            if(confirm("你确认要删除此条记录吗？")) {
                location.href="${ctx}/notice/deleteEmail.do?id="+id;
            }
        }else{
            alert("请勾选待处理的记录，且每次只能勾选一个")
        }
    }
</script>
<body>
<div id="frameContent" class="content-wrapper" style="margin-left:0px;">
    <section class="content-header">
        <h1>
            邮箱
            <small>个人邮箱</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> 首页</a></li>
        </ol>
    </section>

    <%--</div>--%>
    <!-- /.box-body -->

    <section class="content">
        <div class="row">
            <div class="col-md-3">
                <a href="${ctx}/notice/toCompose.do" class="btn btn-primary btn-block margin-bottom">写邮件</a>

                <div class="box box-solid">
                    <div class="box-header with-border">
                        <h3 class="box-title">菜单</h3>

                        <div class="box-tools">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                    class="fa fa-minus"></i>
                            </button>
                        </div>
                    </div>
                    <div class="box-body no-padding">
                        <ul class="nav nav-pills nav-stacked">
                            <li class="active"><a href="${ctx}/notice/toReceive.do"><i class="fa fa-inbox"></i>收件箱
                                <span class="label label-primary pull-right">${num}</span></a></li>
                            <li><a href="${ctx}/notice/toSendBox.do"><i class="fa fa-envelope-o"></i>发件箱</a></li>
                            <li><a href="#"><i class="fa fa-file-text-o"></i>草稿箱</a></li>
                            <%--<li><a href="#"><i class="fa fa-filter"></i> Junk <span--%>
                                <%--&lt;%&ndash;class="label label-warning pull-right">65</span></a>&ndash;%&gt;--%>
                            <%--</li>--%>
                            <li><a href="${ctx}/notice/lajixiang.do"><i class="fa fa-trash-o"></i>垃圾箱</a></li>
                        </ul>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /. box -->
                <%--<div class="box box-solid">--%>
                    <%--<div class="box-header with-border">--%>
                        <%--<h3 class="box-title">Labels</h3>--%>

                        <%--<div class="box-tools">--%>
                            <%--<button type="button" class="btn btn-box-tool" data-widget="collapse"><i--%>
                                    <%--class="fa fa-minus"></i>--%>
                            <%--</button>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                    <%--<div class="box-body no-padding">--%>
                        <%--<ul class="nav nav-pills nav-stacked">--%>
                            <%--<li><a href="#"><i class="fa fa-circle-o text-red"></i> Important</a></li>--%>
                            <%--<li><a href="#"><i class="fa fa-circle-o text-yellow"></i> Promotions</a></li>--%>
                            <%--<li><a href="#"><i class="fa fa-circle-o text-light-blue"></i> Social</a></li>--%>
                        <%--</ul>--%>
                    <%--</div>--%>
                    <%--<!-- /.box-body -->--%>
                <%--</div>--%>
                <!-- /.box -->
            </div>
            <!-- /.col -->
            <div class="col-md-9">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">收件箱</h3>

                        <div class="box-tools pull-right">
                            <div class="has-feedback">
                                <input type="text" class="form-control input-sm" placeholder="Search Mail">
                                <span class="glyphicon glyphicon-search form-control-feedback"></span>
                            </div>
                        </div>
                        <!-- /.box-tools -->
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body no-padding">
                        <div class="mailbox-controls">
                            <!-- Check all button -->
                            <button type="button" class="btn btn-default btn-sm checkbox-toggle"><i
                                    class="fa fa-square-o"></i>
                            </button>
                            <div class="btn-group">
                                <button type="button" class="btn btn-default btn-sm"  onclick='deleteById()'><i class="fa fa-trash-o"></i></button>

                                <%--<button type="button" class="btn btn-default btn-sm"><i class="fa fa-reply"></i>--%>
                                <%--</button>--%>
                                <%--<button type="button" class="btn btn-default btn-sm"><i class="fa fa-share"></i>--%>
                                <%--</button>--%>
                            </div>
                            <!-- /.btn-group -->
                            <%--<button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i>--%>
                            <%--</button>--%>
                            <%--<div class="pull-right">--%>
                                <%--1-50/200--%>
                                <%--<div class="btn-group">--%>
                                    <%--<button type="button" class="btn btn-default btn-sm"><i--%>
                                            <%--class="fa fa-chevron-left"></i></button>--%>
                                    <%--<button type="button" class="btn btn-default btn-sm"><i--%>
                                            <%--class="fa fa-chevron-right"></i></button>--%>
                                <%--</div>--%>
                                <%--<!-- /.btn-group -->--%>
                            <%--</div>--%>
                            <!-- /.pull-right -->
                        </div>
                        <div class="table-responsive mailbox-messages">
                            <table class="table table-hover table-striped">
                                <tbody>
                                <c:forEach items="${noticeList}" var="note" varStatus="notice">
                                    <tr>

                                        <td><input type="checkbox" name="reportid" value="${note.reportid}"></td>
                                        <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow">${note.flag}</i></a></td>
                                        </td>
                                        <td class="mailbox-name"><a
                                                href="${ctx}/notice/oneEmail.do?reportid=${note.reportid}"
                                                target="iframe">${note.sendname}</a></td>
                                        <td class="mailbox-subject"><b>${note.title}</b>
                                        </td>
                                        <td>            </td>

                                        <td class="mailbox-date">${note.sendtime}</td>
                                    </tr>
                                </c:forEach>

                                </tbody>
                            </table>
                            <!-- /.table -->
                        </div>
                        <!-- /.mail-box-messages -->
                    </div>
                    <!-- /.box-body -->
                    <div class="box-footer no-padding">
                        <div class="mailbox-controls">
                            <!-- Check all button -->
                            <%--<button type="button" class="btn btn-default btn-sm checkbox-toggle"><i--%>
                                    <%--class="fa fa-square-o"></i>--%>
                            <%--</button>--%>
                            <%--<div class="btn-group">--%>
                                <%--<button type="button" class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i>--%>
                                <%--</button>--%>
                                <%--<button type="button" class="btn btn-default btn-sm"><i class="fa fa-reply"></i>--%>
                                <%--</button>--%>
                                <%--<button type="button" class="btn btn-default btn-sm"><i class="fa fa-share"></i>--%>
                                <%--</button>--%>
                            <%--</div>--%>
                            <%--<!-- /.btn-group -->--%>
                            <%--<button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i>--%>
                            <%--</button>--%>
                            <%--<div class="pull-right">--%>

                                <%--<div class="btn-group">--%>
                                    <%--<button type="button" class="btn btn-default btn-sm"><i--%>
                                            <%--class="fa fa-chevron-left"></i></button>--%>
                                    <%--<button type="button" class="btn btn-default btn-sm"><i--%>
                                            <%--class="fa fa-chevron-right"></i></button>--%>
                                <%--</div>--%>
                                <%--<!-- /.btn-group -->--%>
                            <%--</div>--%>
                            <!-- /.pull-right -->
                        </div>
                    </div>
                </div>
                <!-- /. box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </section>

    <!-- /.row -->


    <!-- .box-footer-->

    <%--</div>--%>
</div>
</body>

</html>
